<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>111</li>
			<li class="two">222</li>
			<li class="three">333</li>
		</ul>
		
		<script src="jquery.min.js"></script>
		<script>
			//创建节点 $()
			//let p=$("<p>aaa</p>");
			
			//内部插入  append 插入到元素的最后
			//$("ul").append(p);
			
			//内部插入  append 插入到元素的前面
			//$("ul").prepend(p);
			
			//外部插入 插入到某个元素的后面
			//$("ul").after(p);
			
			//外部插入 插入到某个元素的前面
			//$("ul").before(p);
			
			//three 插入到 two 的前面
			//$(".two").before($(".three"))
			
			//删除
			//$("ul").remove();//全部删除
			//$("ul").empty();//清空内容
			
			//li 中指定删除某一个
			$("li").remove(".two");
		</script>
	</body>
</html>
